<ion-view view-title="查看账单">
    <ion-content>
        <div class="row">
            <div class="col">
                <div class="button-bar" ng-init="billType=1">
                    <a class="button button-small" ng-class="{'button-positive':billType=='1', '':billType!='1'}" ng-click="billType='1'">待还款</a>
                    <a class="button button-small" ng-class="{'button-positive':billType=='2', '':billType!='1'}" ng-click="billType='2'">已还款</a>
                </div>
            </div>
        </div>
        <div class="card">
            <div class="item item-divider">
                <span class="order-num">订单号：<span>A11842</span></span>
                <span class="pull-right"><span>待还款</span></span>
            </div>
            <div class="item item-text-wrap">
                <div class="order-des">下单时间：2015-04-22 11:22:55</div>
                <div class="order-des">本期全部应还款额：¥ 399</div>
                <div class="order-des">账单日：2015/04/22</div>
                <div class="order-des">到期还款日：2015/05/10</div>
            </div>
            <div class="item">
                <a class="button button-calm button-small">去还款</a>
                <a class="button button-calm button-small" ng-click="orderlist1==true?orderlist1=false:orderlist1=true">账单明细</a>
            </div>
            <div class="item" ng-show="orderlist1" style="padding: 5px;">
                <div class="card">
                    <div class="item item-divider" style="background-color: #33cd5f;">
                        <span class="order-num">首付</span>
                        <span class="pull-right"><span>已付款</span></span>
                    </div>
                    <div class="item item-text-wrap">
                        <div class="order-des">还款金额：999.00元</div>
                        <div class="order-des">还款日期：2015年03月03日</div>
                    </div>
                </div>

                <div class="card">
                    <div class="item item-divider" style="background-color: #33cd5f;">
                        <span class="order-num">二期</span>
                        <span class="pull-right"><span> <a class="button button-calm button-small">立即还款</a></span></span>
                    </div>
                    <div class="item item-text-wrap">
                        <div class="order-des">还款金额：999.00元</div>
                        <div class="order-des">还款日期：2015年03月03日</div>
                    </div>
                </div>

            </div>
        </div>

        <div class="card">
            <div class="item item-divider">
                <span class="order-num">订单号：<span>A11842</span></span>
                <span class="pull-right"><span>待还款</span></span>
            </div>
            <div class="item item-text-wrap">
                <div class="order-des">下单时间：2015-04-22 11:22:55</div>
                <div class="order-des">本期全部应还款额：¥ 399</div>
                <div class="order-des">账单日：2015/04/22</div>
                <div class="order-des">到期还款日：2015/05/10</div>
            </div>
            <div class="item">
                <a class="button button-calm button-small">去还款</a>
                <a class="button button-calm button-small" ng-click="orderlist==true?orderlist=false:orderlist=true">账单明细</a>
            </div>
            <div class="item" ng-show="orderlist" style="padding: 5px;">
                <div class="card">
                    <div class="item item-divider" style="background-color: #33cd5f;">
                        <span class="order-num">首付</span>
                        <span class="pull-right"><span>已付款</span></span>
                    </div>
                    <div class="item item-text-wrap">
                        <div class="order-des">还款金额：999.00元</div>
                        <div class="order-des">还款日期：2015年03月03日</div>
                    </div>
                </div>

                <div class="card">
                    <div class="item item-divider" style="background-color: #33cd5f;">
                        <span class="order-num">二期</span>
                        <span class="pull-right"><span> <a class="button button-calm button-small">立即还款</a></span></span>
                    </div>
                    <div class="item item-text-wrap">
                        <div class="order-des">还款金额：999.00元</div>
                        <div class="order-des">还款日期：2015年03月03日</div>
                    </div>
                </div>

            </div>
        </div>

    </ion-content>
</ion-view>